html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,i,em,img,dl,ul,ol,dd,dt,li,form,label,legend,table,tr,td,th,article,aside,nav,menu,input{margin: 0;padding: 0;box-sizing: border-box;}
ul,ol{list-style:none;}
a{text-decoration: none;}
.topnav{
    background: #292929;
    nav{
        position: relative;
        box-sizing: border-box;
        width: 1231px;
        height: 33px;
        margin: 0 auto;
        .nav_l,.nav_r{
            float: left;
            font-size: 12px;
            .log{
                margin: 0 6px 0 -5px !important;
            }
            span{
                line-height: 33px;
                color: #999999;
            }
            a{
                display: inline-block;
                margin: 0 6px;
                color: #999999;
            }
        }
        .nav_r{
            box-sizing: border-box;
            float: right;
            .liner{padding: 0 5px;}
            .myself{
                width: 60px;
                background: url(../images/register/icon_all.png) no-repeat 51px -43px;
            }
            .about{
                margin-right: 0;
            }
        }
        #s_traingal{
            display: block;
            width: 13px;
            height: 7px;
            position: absolute;
            top:26px;
            right: 215px;
            background: url(../images/register/icon_all.png) no-repeat -100px -100px;
            display: none;
        }
        .menu{
            display: none;
            background: #ffffff;
            border: 1px solid #dddddd;
            width: 82px;
            height: 157px;
            position: absolute;
            top:33px;
            right: 180px;
            text-align: center;
            a{
                display: block;
                color: #999999;
                font-size: 12px;
                padding: 11px 0;
                margin: 0 11px;
                border-bottom: 1px solid #dddddd;
            }
            p{
                &:nth-child(4){
                    a{
                        border-bottom: none;
                    }
                }
            }
        }
    }
}
header{
    .logo{
        width: 1231px;
        height: 110px;
        margin: 0 auto;
        padding-top: 30px;
        a{
            float: left;
            display: block;
            width: 318px;
            height: 50px;
            line-height: 500px;
            overflow: hidden;
            float: left;
            background: url(../images/register/icon_all.png) -300px 0px;
        }
    }
}
main{
    height: 750px;
    background: url(../images/register/login-bg.jpg);
    padding-top: 90px;
    .big{
        width: 770px;
        height: 566px;
        margin: 0 auto;
        box-sizing: border-box;
        background: #ffffff;
        border-radius: 5px;
        .reg{
            padding-top:32px;
            padding-left: 60px; 
            float: left;
            width: 460px;
            height: 534px;
        h3{
            width: 400px;
            float: left;
            font-size: 18px;
            font-weight: normal;
        }
        form{
            margin-top: 19px;
            float: left;
            width: 400px;
            height: 310px;
            label{
                padding: 7.5px 0;
                float: left;
                border: 1px solid #dddddd;
                &:nth-of-type(1){
                    width: 196px;
                    height: 38px;
                    span{
                        float: left;
                        width: 15px;
                        height: 22px;
                        margin-left: 14px;
                        background: url(../images/register/icon_all.png) no-repeat -650px -100px;
                    }
                    input{
                        float: left;
                        width: 153px;
                        height: 22px;
                        border: none;
                        margin-left: 12px;
                        outline: none;
                    }
                }
                &:nth-of-type(2){
                    width: 187px;
                    height: 38px;
                    margin-left: 15px;
                    input{
                        border: none;
                        outline: none;
                        float: left;
                        margin-left: 9px;
                        width: 79px;
                        height: 22px;
                    }
                    #code{
                        float: left;
                        width: 65px;
                        height: 22px;
                        position: relative;
                        top:-2px;
                    }
                    .refresh{
                        float: left;
                        width: 29px;
                        height: 27px;
                        background: url(../images/register/icon_all.png) no-repeat -750px -100px;
                        margin-right: 3px;
                    }
                }
                &:nth-of-type(3){
                    margin-top: 18px;
                    width: 400px;
                    height: 38px;
                    span{
                        float: left;
                        width: 15px;
                        height: 22px;
                        margin-left: 14px;
                        background: url(../images/register/icon_all.png) no-repeat -650px -150px;
                    }
                    input{
                        float: left;
                        width: 213px;
                        height: 22px;
                        border: none;
                        margin-left: 12px;
                        outline: none;
                    }
                    #msm{
                        float: left;
                        width: 130px;
                        line-height: 25px;
                        font-size: 12px;
                        color: #333333;
                        border-left: 1px solid #e5e5e5;
                        padding-left: 20px;
                    }
                }
                &:nth-of-type(4){
                    margin-top: 18px;
                    span{
                        float: left;
                        width: 15px;
                        height: 22px;
                        margin-left: 14px;
                        background: url(../images/register/icon_all.png) no-repeat -700px -150px;
                    }
                    input{
                        float: left;
                        width: 357px;
                        height: 22px;
                        border: none;
                        margin-left: 12px;
                        outline: none;
                    }
                }
                &:nth-of-type(5){
                    margin-top: 18px;
                    span{
                        float: left;
                        width: 15px;
                        height: 22px;
                        margin-left: 14px;
                        background: url(../images/register/icon_all.png) no-repeat -700px -150px;
                    }
                    input{
                        float: left;
                        width: 357px;
                        height: 22px;
                        border: none;
                        margin-left: 12px;
                        outline: none;
                    }
                }
            }
            #sub{
                color: #ffffff;
                border: none;
                float: left;
                margin-top: 38px;
                width: 400px;
                height: 42px;
                background: #e5282c;
            }
        }
        .others{
            margin-top: 15px;
            width: 400px;
            height: 12px;
            float: left;
            font-size: 12px;
            span{
                display: inline-block;
                &:nth-child(1){
                    float: left;
                    width: 120px;
                    line-height: 12px;
                }
                &:nth-child(2){
                    float: right;
                    width: 94px;
                    line-height: 12px;
                }
            }
            a{
                color:#999999;
            }
            #go{
                color: #e5282c;
            }
        }
        .mutiply_fn{
            width: 400px;
            height: 92px;
            float: left;
            margin-top: 36px;
            position: relative;
            border-top: 1px solid #e5e5e5;
            p{
                position: absolute;
                background: #ffffff;
                top: -8px;
                left: 150px;
                font-size: 12px;
                color: #999999;
                width: 102px;
                text-align: center;
            }
            .three{
                width: 105px;
                height: 52px;
                margin-left: 147px;
                margin-top: 29px;
                .qq{
                    float: left;
                    .bac{
                        width: 31px;
                        height: 31px;
                        background: url(../images/register/icon_all.png) no-repeat -550px -150px;
                        &:hover{
                            background: url(../images/register/icon_all.png) no-repeat -550px -100px;
                        }
                    }
                    .word{
                        text-align: center;
                        margin-top: 10px;
                        width: 31px;
                        height: 11px;
                        font-size: 12px;
                        color: #333333;
                    }
                    &:hover{
                        cursor: pointer;
                    }
                }
                .wx{
                    float: right;
                    .bac_2{
                        width: 31px;
                        height: 31px;
                        background: url(../images/register/icon_all.png) no-repeat -600px -150px;
                        &:hover{
                            background: url(../images/register/icon_all.png) no-repeat -600px -100px;
                        }
                    }
                    .word_2{
                        text-align: center;
                        width: 31px;
                        height: 11px;
                        font-size: 12px;
                        color: #333333;
                        margin-top: 10px;
                    }
                    &:hover{
                        cursor: pointer;
                    }
                }
            }
        }
        }
        .saomiao{
            float: left;
            width: 196px;
            height: 566px;
            margin-left: 51px;
            border-left: 1px solid #dddddd;
            .can{
                margin-top: 90px;
                margin-left: 40px;
            }
        }
    }
}
.promise{
    position: relative;
    top: -115px;
    height: 116px;
    background: rgba(0, 0, 0, 0.4);
    .cen{
        color: #ffffff;
        margin: 0 auto;
        width: 770px;
        height: 116px;
        p{
            padding-top: 20px;
            text-align: center;
            font-size: 24px;
        }
        .mid{
            text-align: center;
            padding: 17px 0;
            div{
                width: 770px;
                height: 28px;
                line-height: 28px;
                span{
                    display: inline-block;
                    &:nth-of-type(1){
                        position: relative;
                        top:8px;
                        width: 23px;
                        height: 28px;
                        background: url(../images/register/icon_all.png) no-repeat -553px -200px;
                        margin-right: 10px;
                    }
                    &:nth-of-type(2){
                        margin-right: 50px;
                    }
                    &:nth-of-type(3){
                        position: relative;
                        top:8px;
                        width: 23px;
                        height: 28px;
                        background: url(../images/register/icon_all.png) no-repeat -603px -200px;
                        margin-right: 10px;
                    }
                    &:nth-of-type(4){
                        margin-right:50px;
                    }
                    &:nth-of-type(5){
                        position: relative;
                        top:8px;
                        width: 34px;
                        height: 28px;
                        background: url(../images/register/icon_all.png) no-repeat -653px -200px;
                        margin-right: 10px;
                    }
                    &:nth-of-type(6){
                        margin-right: 50px;
                    }
                    &:nth-of-type(7){
                        position: relative;
                        top:8px;
                        width: 23px;
                        height: 28px;
                        background: url(../images/register/icon_all.png) no-repeat -703px -200px;
                        margin-right: 10px;
                    }
                    &:nth-of-type(8){
                        margin-right: 50px;
                    }
                }
            }
        }
    }
}
.only{
    height: 60px;
    background: #f3f3f3;
}
.last{
    height: 85px;
    p{
        font-size: 12px;
        color: #acacac;
        text-align: center;
        &:nth-of-type(1){
            padding-top: 15px;
            line-height: 28px;
        }
        &:nth-of-type(2){
            padding-bottom: 9px;
            line-height: 33px;
        }
    }
}